<ion-view title="借款记录列表">
	<ion-header-bar align-title="center" class="nav-bar-block" nav-bar="active">
	  <div class="buttons">
	    <button class="button back-button buttons button-clear header-item" style="color: black;" ng-click="cancelPayBack()">
			<i class="icon ion-ios-arrow-left"></i> 
  			<span class="back-text" style="transform: translate3d(0px, 0px, 0px);">
  				<span class="default-title">贷款负债</span>
  			</span>
		</button>
	  </div>
	  <div class="button-bar"></div>
	</ion-header-bar>
    
	<ion-content style="background-color:#f5f5f5;padding-top:10px;">
		<div style="height: 30px;line-height: 30px;background-color: white;">
			<div style="float: left;width: 33.33%;text-align: center;">应还金额</div>
			<div style="float: left;width: 33.33%;text-align: center;">应还时间</div>
			<div style="float: left;width: 33.33%;text-align: center;">状态</div>
		</div>
		<ion-list>
			<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="detail in produceDetails" type="item-text-wrap" style="font-size:13px;padding: 0px;min-height: 30px;line-height:30px;">
					<div style="float: left;width: 33.33%;text-align: center;">
						{{detail.principal+detail.interest | number:2}}
					</div>
					<div style="float: left;width: 33.33%;text-align: center;">
						{{detail.payBackTime | date:'yyyy-MM-dd'}}
					</div>
					<div style="float: left;width: 33.33%;text-align: center;">
						<span>{{detail.realStatus}}</span>
					</div>
			</ion-item>
		 	<ion-infinite-scroll ng-if="noMore" on-infinite="loadFsList()" distance="20%"></ion-infinite-scroll> 
		</ion-list>
	</ion-content>
</ion-view>